<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/login2.css">
</head>

<body>
    <div class="image">
        <img src="../img/loginimage.png" alt="">
    </div>
    <div class="con">
        <div class="pic">
            <img src="../img/logininner.png" alt="">
        </div>
        <div class="inner" style="height:420px;position: relative;">

            <h2>登录聚美</h2><span>还没有聚美账号？<a href="register.html"><i>30秒注册</i></a></span>
            <div class="fl" style="position: absolute;top: 70px;">
                <h3>
                    <input type="radio" name="ra" id="phonebtn" value="1">手机动态密码登录
                    <input type="radio" name="ra" id="btn" value="2">普通登录

                </h3>
            </div>
            <div class="show" style="position: relative;">
                <div class="show-one" style="position: absolute;top: 90px;">
                    <p>
                        <input type="text" placeholder="已注册的手机号" id="phoneipt">
                    </p>
                    <p class="p2">
                        <input type="text" placeholder="动态密码">
                        <button>获取手机动态密码</button>
                    </p>
                    <h3>
                        <input type="checkbox" name="" id="root-ipt">自动登录
                    </h3>
                    <p class="p5">
                        <input type="button" value="登录" id="login-btn">
                    </p>
                    <h4>你也可以使用以下账号登录：</h4>
                    <h5><img src="../img/login-zhi.png" alt=""><span>更多</span></h5>
                </div>
                <div class="show-two" style="position: absolute;top: 90px;display: none;">
                    <p>
                        <input type="text" value="15225274552" id="phoneipttwo">
                    </p>
                    <p>
                        <input type="password" value="123456" id="password">
                    </p>
                    <h3>
                        <input type="checkbox" name="" id="">自动登录<em>忘记密码</em>
                    </h3>
                    <p class="p5">
                        <input type="button" value="登录" id="login-btntwo">
                    </p>
                    <h4>你也可以使用以下账号登录：</h4>
                    <h5><img src="../img/login-zhi.png" alt=""><span>更多</span></h5>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <p>Copyright©2010-2015 北京创锐文化传媒有限公司Jumei.com 保留一切权利。客服热线：400-123-8888</p>
        <p>京公网安备11010102001226号 | 京ICP证111033号 | 食品流通许可证SP11010511101165515（1-1） | 营业执照 | 公示制度</p>
        <img src="../img/login-footer.png" alt="">
    </div>
</body>

</html>

<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/login.js"></script>